<template>
  <el-descriptions :column="2" border class="basic-descriptions">
    <el-descriptions-item
      label="机构名称"
      label-align="left"
      align="left"
      :span="2"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText(props.record?.name) }}
    </el-descriptions-item>
    <el-descriptions-item
      label="证书主体名称(CN)"
      label-align="left"
      align="left"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText(props.record?.common_name) }}
    </el-descriptions-item>
    <el-descriptions-item
      label="颁发组织"
      label-align="left"
      align="left"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText(props.record?.organization) }}
    </el-descriptions-item>
    <el-descriptions-item
      label="部门"
      label-align="left"
      align="left"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText('props.record?.dns_account') }}
    </el-descriptions-item>
    <el-descriptions-item
      label="国家代号"
      label-align="left"
      align="left"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText(props.record?.country) }}
    </el-descriptions-item>
    <el-descriptions-item
      label="省份"
      label-align="left"
      align="left"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText(props.record?.province) }}
    </el-descriptions-item>
    <el-descriptions-item
      label="城市"
      label-align="left"
      align="left"
      label-class-name="bg-[#F7F8FA]"
    >
      {{ emptyText(props.record?.city) }}
    </el-descriptions-item>
  </el-descriptions>
</template>
<script lang="ts" setup>
import type { SelfCertDetailModel } from '@/apis/model/selfCert'

interface IProps {
  record: SelfCertDetailModel
}
const props = defineProps<IProps>()
</script>

<style lang="scss" scoped></style>
